<template>
  <div class="s-bar">
    <n-input-group>
      <n-select
        placeholder=""
        :show-arrow="false"
        style="width: 18%"
        :options="selectOptions"
        circle
      />
      <n-input style="width: 65%"></n-input>
      <n-button>
        <template #icon>
          <n-icon><search /></n-icon>
        </template>
      </n-button>
    </n-input-group>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';
import { Search } from '@vicons/ionicons5';
const selectOptions = ref([
  {
    label: 'option',
    value: 'option',
  },
]);
</script>

<style scoped lang="scss">
.s-bar {
  width: 26vw;
}
</style>
